import React, {Component} from 'react'
// import { withRouter as Router, Route } from 'react-router-dom'
import { Route, Switch} from 'react-router-dom'


import LeftNav from '../../components/left-nav/index.jsx'
import Header from '../../components/header/index.jsx'

// 社区模块
import SocialList from '../social/list/index.jsx'
import SociaNew from '../social/new/index.jsx'
import SocialSort from '../social/sort/index.jsx'
import SocialRemark from '../social/remark/index.jsx'

// 用户模块
import UserList from '../user/list/index.jsx'
import UserBlack from '../user/black/index.jsx'
import UserViolate from '../user/violate/index.jsx'

// 聊天室模块
import TalkNotice from '../talk/notice/index.jsx'
import TalkUser from '../talk/user/index.jsx'
import TalkNew from '../talk/new/index.jsx'

// 聊系统通知模块
import SystemList from '../system/list/index.jsx'
import SystemNew from '../system/new/index.jsx'

// 广告模块
import AdList from '../ad/list/index.jsx'
import AdNew from '../ad/new/index.jsx'

// 客服模块
import Backstage from '../backstage/talk-list/index.jsx'

// 后台账号模块
import BackstageAList from '../backstage-account/list/index.jsx'
import BackstageANew from '../backstage-account/new/index.jsx'

// 违禁词库模块
import ViolateList from '../violate/list/index.jsx'
import ViolateNew from '../violate/new/index.jsx'

import './index.css'

class Container extends Component {

  render() {
   
    return (
      <div>
        <Header />
        <LeftNav />
        <div className="container">
            {/* <Social /> */}
              <Switch>

                <Route path='/backstage' component={Backstage}></Route>

                <Route path='/backstage-account/list' component={BackstageAList}></Route>
                <Route path='/backstage-account/new' component={BackstageANew}></Route>
                <Route path='/backstage-account' component={BackstageAList}></Route>

                <Route path='/violate/list' component={ViolateList}></Route>
                <Route path='/violate/new' component={ViolateNew}></Route>
                <Route path='/violate' component={ViolateList}></Route>

                <Route path='/ad/list' component={AdList}></Route>
                <Route path='/ad/new' component={AdNew}></Route>
                <Route path='/ad' component={AdList}></Route>

                <Route path='/system/list' component={SystemList}></Route>
                <Route path='/system/new' component={SystemNew}></Route>
                <Route path='/system' component={SystemList}></Route>

                <Route path='/talk/new' component={TalkNew}></Route>
                <Route path='/talk/user' component={TalkUser}></Route>
                <Route path='/talk/notice' component={TalkNotice}></Route>
                <Route path='/talk' component={TalkNotice}></Route>

                <Route path='/user/black' component={UserBlack}></Route>
                <Route path='/user/violate' component={UserViolate}></Route>
                <Route path='/user/list' component={UserList}></Route>
                <Route path='/user' component={UserList}></Route>

                <Route path='/Social/remark' component={SocialRemark}></Route>
                <Route path='/Social/sort' component={SocialSort}></Route>
                <Route path='/Social/new' component={SociaNew}></Route>
                <Route path='/Social/list' component={SocialList}></Route>
                <Route path='/Social' component={SocialList}></Route>
                <Route path='/' component={SocialList}></Route>
            </Switch>
        </div>
      </div>
      
    )
  }
}

export default Container